$(function(){
    var toolTop = $('.content').offset().top;
    //当点击 li标签，滚动到相应的楼层时，此时不需要执行 滚动事件里面的 修改 li标签背景的代码。此时需要给这个事件添加一个节流阀(互斥锁)。
    // 节流阀（节流锁）
    var flag = true; 
    function toggleTool(){
        if($(document).scrollTop() >= (toolTop-100)){
            $('.fixedtool-wrap').fadeIn();
        }else{
            $('.fixedtool-wrap').fadeOut();
        }
    }
    //滚动事件
    $(window).scroll(function(){
        toggleTool();
        if(flag){
            $('.content').each(function(index,ele){
                if($(document).scrollTop() >= $(ele).offset().top){
                    $('.fixedtool li').eq(index).addClass('click-fixedtool').siblings().removeClass();
                }
            })
        }
    })
    // li标签点击事件
    $('.fixedtool li').click(function(){
        flag = false;
        // var index = $(this).index();
        var conIndex = $('.content').eq($(this).index()).offset().top;
        // $(document).scrollTop(conIndex);
        $('body,html').stop().animate({
            scrollTop:conIndex
        },function(){
            flag = true;
        });  //回调函数是在动画执行完毕之后才执行的，此时打开节流锁。
        // $(this).css({'background-color':'aqua','color':'#fff'}).siblings().css({'background-color':'','color':''});
        $(this).addClass('click-fixedtool').siblings().removeClass();
    })
})